/* CSS Document */

@CHARSET "UTF-8";

* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	float: none;
}

img {
  border: 0;
}

p {
  padding: 5px 0;
}

ul {
  margin: 5px 0 0 20px;
}

li {
  text-indent: 0px;
  list-style-image: url(../images/content_list_image.gif);
}

h1 {
	font-size: 26px;
	text-transform: uppercase;
	color: #ffffff;
}

h2 {
	font-size: 18px;
	text-transform: uppercase;
	color: #484848;
}

h3 {
	font-size: 20px;
	text-transform: uppercase;
	color: #b8cdd3;
}

h4 {
	font-size: 13px;
}

h5 {
}

h6 {
}

table, tr, td {
}

table {
}

input {
}

html, body {
	min-width: 800px;
	position: relative;
	font: 13px "trebuchet MS ce", trebuchet MS, "MS Sans Serif ce", MS Sans Serif, "tahoma ce", tahoma, "arial ce", arial, "verdana ce", verdana;
  color: #484848;
	background: #5b5b5b url(../images/body_bg.gif) repeat-x top;
}

	#paper {
		width: 800px;
		position: relative;
		margin: 0 auto;
		padding: 100px 0 20px 0;
	}
	

/* top (celý vršek + menu) ************************************************** */
    #top {
      width: 100%;
      height: 275px;
      position: relative;
      z-index: 1;
    }
    
    	#top h1 {
    		position: absolute;
    		top: 90px;
    		left: 50px;
    		z-index: 200;
    	}
    	
    	#top h3 {
    		position: absolute;
    		top: 130px;
    		left: 50px;
    		z-index: 200;
    	}

    	#top_logo_small {
    		width: 240px;
    		height: 42px;
    		position: absolute;
    		top: -71px;
    		left: 50px;
    		background: url(../images/top_logo_small.gif) no-repeat;
    	}
    
			#top_language {
				position: absolute;
				top: -30px;
				right: 18px;
			}

				#top_language a {
					color: #00526b;
				}
				
				#top_language a.selected {
					font-weight: bold;
					color: #484848;
				}
				
				#top_language a:hover {
					text-decoration: underline;
					color: #00526b;
				}
						
				#top_menu {
	      	width: 100% - 40px;
	      	height: 37px;
	      	position: relative;
	      	padding: 0 20px;
	      	background: url(../images/top_menu_bg.gif) repeat-x;
	      	z-index: 100;
	      }
	      	
	      	#top_menu_corner_left {
	      		width: 18px;
	      		height: 18px;
	      		position: absolute;
	      		top: 0px;
	      		left: 0px;
	      		background: url(../images/top_menu_corner_left.gif) no-repeat;
	      	}
	      
	      	#top_menu_corner_right {
	      		width: 18px;
	      		height: 18px;
	      		position: absolute;
	      		top: 0px;
	      		right: 0px;
	      		background: url(../images/top_menu_corner_right.gif) no-repeat;
	      	}
	      	
	      	.top_menu_item {
	      		height: 100%;
	      		padding: 0 15px;
	      		line-height: 37px;
	      		float: left;
	      		display: block;
	      		color: #ffffff;
	      	}
	      
		      	.top_menu_item:hover {
		      		color: #ffc821;
		      		background: url(../images/top_menu_bg_hover.gif) repeat-x;
		      	}
		      	
				#top_image {
					width: 100%;
					height: 138px;
					position: absolute;
					clear: both;
				}

					#top_image_logo_big {
						width: 197px;
						height: 170px;
						position: absolute;
						top: 30px;
						right: 50px;
            _filter: alpha(opacity=0);
					}



/* content ****************************************************************** */
		#content {
			width: 100% - 40px;
			min-height: 100px;
			_height: 100px;
			position: relative;
			padding: 20px;
			padding-top: 0px;
			text-align: justify;
			background: #ffffff;
		}
		
			#content a {
				color: #b50404;
			}
			
				#content a:hover {
					text-decoration: underline;
				}
		
			.content_block {
				float: left;
			}
			
				.content_block_highlight {
					position: relative;
					margin-bottom: 20px;
					padding: 10px;
					border: 1px solid #c5c5c5;
					background: #f0f0f0;
				}
				
					.content_block_highlight_corner_top_left {
						width: 7px;
						height: 7px;
						position: absolute;
						top: -1px;
						left: -1px;
						background: url(../images/content_highlight_corner_top_left.gif) no-repeat;
					}
			
					.content_block_highlight_corner_top_right {
						width: 7px;
						height: 7px;
						position: absolute;
						top: -1px;
						right: -1px;
						background: url(../images/content_highlight_corner_top_right.gif) no-repeat;
					}
			
					.content_block_highlight_corner_bottom_left {
						width: 7px;
						height: 7px;
						position: absolute;
						bottom: -1px;
						left: -1px;
						font-size: 0;
						background: url(../images/content_highlight_corner_bottom_left.gif) no-repeat;
					}
			
					.content_block_highlight_corner_bottom_right {
						width: 7px;
						height: 7px;
						position: absolute;
						bottom: -1px;
						right: -1px;
						font-size: 0;
						background: url(../images/content_highlight_corner_bottom_right.gif) no-repeat;
					}
					
					.content_block_highlight_separator {
						width: 100%;
						height: 1px;
						background: #ebebeb url(../images/content_highlight_separator_bg.gif) no-repeat;
					}
					
					.content_block_highlight img {
						margin-right: 10px;
						float: left;
					}
					
					.content_block_highlight h4 {
						line-height: 40px;
					}
			
				.content_block_highlight {
					width: 250px;
				}

				.content_block_highlight_separator {
					width: 210px;
					margin-left: 40px;
					font-size: 0;
				}
				
				.content_block_highlight.seo {
					width: 250px;
					height: 53px;
					position: relative;
				}
				
					.content_block_highlight.seo h2 {
						font-size: 30px;
						line-height: 30px;
						color: #00526b;
					}
						
					.content_block_highlight h3 {
						font-size: 18px;
						color: #5b5b5b;
					}
						
					.content_block_highlight_seo_image {
						position: absolute;
						top: -7px;
						right: 5px;
					}

				.content_block_highlight.customers {
					width: 250px;
					position: relative;
				}

			.content_block.index {
				width: 468px;  /* ty 2px co chybí jsou kvuli borderu u highlight bloku */
				margin-right: 20px;
			}
			
			.content_block.contact {
				width: 368px;  /* ty 2px co chybí jsou kvuli borderu u highlight bloku */
				margin-right: 20px;
			}
			
			.content_block_highlight.contact {
				width: 350px;
				_width: 348px;
			}
			
/* potfolio */

				.content_portfolio_block {
					width: 100%;
					padding: 10px 0;
				}
				
				.content_portfolio_block.left {
					text-align: left;
				}
			
				.content_portfolio_block.right {
					text-align: right;
					background: #f0f0f0;
				}
			
					.content_portfolio_block_img {
						width: 202px;
						height: 202px;
						border: 1px solid #c5c5c5;
					}
					
						.content_portfolio_block_img:hover {
							border: 1px solid #b50404;
						}

					.left .content_portfolio_block_img {
						margin-right: 20px;
						float: left;
					}

					.right .content_portfolio_block_img {
						margin-left: 20px;
						float: right;
						padding-bottom: -1px;
					}

						.content_portfolio_block_img img {
							border: 1px solid #ffffff;
							_border-bottom: 0px;
						}
						
					.content_portfolio_header {
						font-size: 20px;
					}
					
/* kontakt */
			.contact_person {
				position: relative;
			}
			
				.contact_person_right {
					margin-top: -18px;
					text-align: right;
				}
				
			#contact_form {
				text-align: left;
			}
			
				#contact_form textarea, #contact_form input {
					width: 345px;
					_width: 343px;
					font-size: 9px;
					margin-bottom: 10px;
				}
				
				#contact_form textarea {
					font-size: 12px;
				}
				
				#contact_form img {
					float: left;
				}
			
				#contact_form .captcha_text {
					width: 235px;
					_width: 230px;
				}
			
				#contact_form .submit {
					width: 240px;
					_width: 235px;
				}
			

/* footer ******************************************************************* */
	  #bottom {
	  	width: 100%;
	  	height: 150px;
	  	position: relative;
	  	color: #ffffff;
	  	background: #3d3d3d;
	  }

			#bottom_corners_left {
				width: 18px;
				height: 100%;
				position: absolute;
				bottom: 0px;
				left: 0px;
				font-size: 0;
				background: url(../images/bottom_corners_left.gif) no-repeat;
			}

			#bottom_corners_right {
				width: 18px;
				height: 100%;
				position: absolute;
				bottom: 0px;
				right: 0px;
				font-size: 0;
				background: url(../images/bottom_corners_right.gif) no-repeat;
			}
			
			#bottom_content {
				padding: 5px 18px;
			}

				.bottom_gray_light {
					color: #a1a1a1;
				}
				
			
	  	
/* obecné ******************************************************************* */
.float_clear {
	width: 100px;
	height: 1px;
	font-size: 0px;
	clear: both;
}